@corA: #F87424;
@corB: #67C718;
@corC: #e85d09;
@cinza: #58585A;
@bgsection: #F8F8F8;
.animation (@seconds: 3s){
	-webkit-transition: all @seconds linear;
	-moz-transition: all @seconds linear;
	-ms-transition: all @seconds linear;
	-o-transition: all @seconds linear;
	transition: all @seconds linear;
}
@-webkit-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
	}

}
@-moz-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}
@keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	color: @corB;
	text-decoration: none !important;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: @cinza;	
	overflow-x: hidden;
	.form-control{
		border-radius: 0px;
		height: 45px;
		box-shadow: none;
		outline: 0 none;
	}	
}
p {
	text-decoration: none;
}
.border-left{
	border-left: 1px solid #F0F0F0;
}
.bg-color{
	background-color: @corA !important;
	border-color: @corA !important;
	&:hover{
		background-color: @corC !important;
		border-color: @corC !important;
	}
}
.bg-color-b{
	background-color: @corB !important;
	border-color: @corB !important;
}
.txt-color{
	color: @corA !important;
}
.txt-color-b{
	color: @corB !important;
}
header{
	padding: 15px 0;
	height: 80px;
	position: fixed;	
	z-index: 9999;
	background: #FFF;		
	border-bottom: 1px solid #e1e1e1;
	nav{			
		.logo{
			line-height: 50px;
		}
		.tel{
			line-height: 55px;
			a{
				font-weight: 600;
				font-size: 13px;
				color: @corB;
				&:hover{
					text-decoration: none;
					cursor: normal;
				}
			}
		}
		li{
			line-height: 55px;
			list-style: none;
			font-size: 15px;
			font-weight: 600;
			padding: 0 !important;
			text-align: center;
			a{
				color: @cinza;
				&:hover{
					text-decoration: none;
					color: @corB;
				}
			}
		}
	}	
}
hr{
	margin: 30px auto;
	width: 55px;
	border-color: @corB;
	&.dashed{
		width: 100%;
		border: 1px dashed @corB;
	}
}
h1{
	font-weight: 200;
}
.text-dashed{
	&::before{
		content: '---------';
	}
	&::after{
		content: '---------';
	}
}
section{
	padding: 50px 0;
}
.ball{
	border-radius: 15px;
	width: 23px;
	height: 23px;
	border: 5px solid #FFF;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
	&.orange{
		background: @corA;
	}
	&.green{
		background: @corB;
	}
	&.grey{
		background: #fff;
		border-color: #919394;
	}
	&.arrow{
		border: 0px;
		background: url(../images/arrowconhecagreendown.png);
	}
}
/*home*/
#home{
	background: url(../images/bg_home.jpg) no-repeat bottom right;
	background-color: #ecf2e7; 
	padding-top: 120px;
	height: 700px;
	h1{
		font-size: 52px;
		padding-top: 40px;
		margin-bottom: 25px;
		strong{
			font-size: 61px;
		}
	}
	h3{		
		margin-bottom: 55px;
		line-height: 34px;
	}
	button{
		height: 55px;
		border-radius: 3px;
		width: 268px;
	}
}
#cta{
	padding: 90px 0 60px 0;
}
#examples{
	background-color: #FFFFFF;
	padding: 0px;
	padding-bottom: 70px;
	.cont{
		position: relative;
		overflow: hidden;
		height: 255px;		
		color: #FFF;
		margin: 0px !important;
		padding: 0 !important;
		&:hover{
			.item{				
				-webkit-animation: animatedBackground 0.6s ease-out 1;
				-moz-animation: animatedBackground 0.6s ease-out 1;
				animation: animatedBackground 0.6s ease-out 1;
				-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;				
			}
			.over{
				opacity: 1;
			}
		}
	}
	.over{
		background: rgba(103,199,24,0.4);
		
		width: 100%;
		height: 100%;
		top: 0;
		opacity: 1;
		padding-top: 160px;
		.animation(0.2s);
	}
	.item{
		width: 100%;
		height: 255px;
		padding: 60px 0 55px 0;				
		p{
			font-size: 16px;
		}
		h2{
			font-size: 26px;
		}
		h1{
			font-size: 32px;
			margin-top: 30px;
		}
		button{
			width: 120px;
			border-radius: 3px;
			background: #FFF;
			color: @corB;
			border: 0px;
			margin-top: 80px;
		}
		&.a{
			background: url(../images/negocio01.jpg) no-repeat center center; 
			background-size: cover;			
		}
		&.b{
			background: url(../images/negocio02.jpg) no-repeat center center; 
			background-size: cover;
		}
		&.c{
			background: url(../images/negocio03.jpg) no-repeat center center; 
			background-size: cover;			
		}
		&.d{
			background: url(../images/negocio04.jpg) no-repeat center center; 
			background-size: cover;
		}
		&.e{
			background: url(../images/negocio05.jpg) no-repeat center center; 
			background-size: cover;			
		}
		&.f{
			background: url(../images/negocio06.jpg) no-repeat center center; 
			background-size: cover;
		}
		
	}
}
#test{
	h1{
		font-size: 42px;
	}
	.circles{		
		margin-top: 50px;
		.central{
			padding-top: 120px;
		}
		.items{
			.row{
				width: 450px;
				margin-bottom: 40px;
				p{
					font-size: 16px;
					color: #8B8B8B;
					padding-top: 8px;
				}
			}
			img{
				cursor: pointer;
			}
			&.right{
				.row{
					&:nth-child(1),&:nth-child(5){
						margin-left: 135px;
					}
					&:nth-child(2),&:nth-child(4){
						margin-left: 85px;
					}
					&:nth-child(3){
						margin-left: 35px;
					}
				}
			}
			&.left{
				.row{					
					&:nth-child(2),&:nth-child(4){
						margin-left: 85px;
					}
					&:nth-child(3){
						margin-left: 135px;
					}
				}
			}			
		}
	}
	.arrows{		
		hr{
			margin: 20px 0;
		}
		.reload{
			img{
				max-width: 100%;	
			}
		}
		.text-left{
			padding-left: 30px;
		}
		.text-right{
			hr{				
				left: 100%;
				position: relative;
				margin-left: -55px;
			}
		}
	}
	padding-bottom: 0px;
	h4{
		line-height: 25px;
		font-size: 20px;
		img{
			margin-top: -3px;
		}
	}
	button{
		margin-top: 60px;
		border-radius: 3px;
	}
}
#testmonial{
	background: @bgsection;
	padding-bottom: 80px;
	.aspas{
		position: absolute;
		left: 0;
		margin-top: 155px;
	}
	.desc{
		width: 80%;
		margin: 0 auto;
	}
	#slider{
		.item{
			width: 100%;
			height: 270px;
		}		
	}
	.controls{
		text-align: center;
	}
	.controls a{
		display: inline-block;
		width: 10px;
		height: 10px;		
		margin-right: 5px;
		text-indent: -999px;
		border-radius: 10px;
		color: transparent;
		background-color: #999999;
		border: 2px solid #999999;
	}
	.controls a.activeSlide {
		background: #FFF;		
		border: 2px solid @corB;
	}
	ul{
		list-style: none;
		li{			
			position: relative;
			background: #FFF;
			float: left;
			width: 170px;
			height: 145px;
			text-align: center;
			line-height: 145px;
			border: 1px solid #F0F0F0;
			padding: 0px !important;
			margin: 0px !important;	
			cursor: pointer;	
			overflow: hidden;	
			.over{
				padding: 30px 20px;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 101%;
				color: #FFF;
				background: rgba(103,199,24,0.8);
				.animation(0.2s);
				p{
					margin: 0 0 5px 0;
					line-height: 15px;
					font-size: 13px;
				}
				p+p{
					margin-top: 10px;
				}
			}
			&:hover{
				.over{
					top: 0;
				}
			}
			&.read{
				text-align: left;
				color: #FFF;
				padding: 20px !important;
				padding-right: 0px !important;
				h3{
					margin: 0px;
					padding: 0px;
					font-weight: 200;
					letter-spacing: 1px;
					font-size: 22px;
					i{
						margin-top: -2px;
						position: absolute;
						margin-left: 2px;
					}
				}
				&:hover{
					background: @corA !important;
					border-color: @corA !important;
				}
			}
		}
	}
	&.clientes{
		background: #FFF;
		padding-top: 0px;
		.container{
			border-top: 1px dashed @corB;
			padding-top: 50px;
		}
		.aspas{
			left: 15%;
		}
		.desc{
			width: 59%;		
		}
	}
}
#you{
	background: url(../images/bg_vocecomando.jpg) no-repeat top center fixed;
	background-size: cover;
	color: #fff !important;
	padding-bottom: 80px;
	hr{
		border-color:#fff;
	}
	h4{
		margin-bottom: 75px;
	}
	.circle{
		.padding{
			line-height: 53px;
		}
		border: 2px solid #fff;
		height: 230px;
		width: 230px;
		border-radius: 170px;
		margin: 0 auto;
		padding: 32px;
		margin-bottom: 65px;
	}
	.btn-block{
		width: 80%;
		margin: 0 auto;
		border-radius: 3px;
		font-weight: 600;
	}
}
#engage{
	height: 350px;
	background: @corB;
	color: #fff !important;
	hr{
		border-color:#fff;
	}
	.box-newsletter{
		h4{
			font-size: 16px;
			margin-bottom: 30px;
		}
		padding: 30px 80px;
		color: #333;
		background: #FFF;
		border: 2px solid @corB;
		.btn-block{
			width: 230px;
			margin-top: 10px;
			border-radius: 3px;
			font-size: 14px;
			height: 45px;
			margin-left: auto;
			margin-right: auto;
		}
	}
}
#posts{
	padding-top: 200px;
	h5{
		font-size: 16px;
		line-height: 32px;
		text-decoration: none;
		img{
			margin-top: -2px;
		}

	}
	.books{
		img{
			max-width: 100%;
		}
	}
	.posts{
		h3{
			font-weight: 200;
			color: @corB;
			margin-bottom: 20px;
			margin-top: -10px;
		}
		hr{
			width: 40px;
			margin: 8px 0px;
		}
	}
}
/*footer*/
footer{
	background: #333333;
	height: 400px;
	padding: 60px 0 30px 0; 
	color: #929096;
	font-size: 13px;
	.map{
		margin-top: 20px;
		h5{
			margin-top: -10px;
			margin-bottom: 20px;
		}
		border-left: 1px solid rgba(146,144,150,0.2);
		div+div{
			margin-top: 5px;
		}
	}
	img{
		max-width: 100%;
	}
	h5{
		color: #FFF;
		margin: 20px 0;
	}
	i{
		margin-bottom: 30px;
		display: block;
	}
	small{
		color: #FFF;
	}
	h3{
		margin-top: 0px;
	}
	span{
		display: inline-block;
		padding: 0 2px;
	}
	.sign{
		margin-top: 70px;
		visibility:visible;
	    cursor:pointer;
	}
}

.tituloblog {
	color: #555555;
	text-decoration: none;
}

.header-page{
	padding-top: 125px;
	h1{
		font-size: 42px;
	}
	p{
		font-size: 16px;
	}
}
.row-section{
	h2{
		img{
			margin-right: 10px;
		}
		font-weight: 100;
	}
	.more{
		font-size: 18px;
		font-weight: 600;
		padding-top: 27px;
	}
	.items > div img{
		border: 1px solid #f1f1f1;
	}
	.items p{
		font-size: 20px;
		font-weight: 100;
		padding-top: 15px;
	}
}
/*empresa*/
#empresa-cite{
	background: @corB;
	color: #FFF;
	p,h4{
		line-height: 24px;
		font-size: 20px;
	}
	p{
		font-size: 18px;
	}
}
/*clientes*/
#clientes-cases{
	h4{
		font-size: 20px;
	}
	.more{
		font-size: 16px;
	}
	.items{
		border-bottom: 1px dashed #f1f1f1;
		padding-bottom: 30px;
		&:last-child{
			border-bottom: 0px;
		}
	}
}
#clientes-cta{
	background: #f8f8f8;
	button{
		margin: 0 auto;
		height: 55px;
		border-radius: 3px;
		width: 268px;
	}
}
/*equipe*/
#equipe-pessoas{
	p{
		font-size: 18px;
	}
	small{
		color: #999999;
		font-size: 14px;
	}
	hr{
		width: 20px;
		margin: 20px auto;
		border-top: 2px solid #67c718; 
	}
	.fa{
		color: #999999;
		font-size: 18px;
		margin-right: 10px;
		&:last-child{
			margin-right: 0px;
		}
	}
}
#equipe-enjoy{
	background: #CCC;	
	padding: 95px 0;
	button{
		height: 55px;
		border-radius: 3px;
		width: 268px;
		margin: 0 auto;
	}
	h1{
		color: #FFF;
		font-size: 42px;
	}
	hr{
		border-color: #FFF;
	}
}
/*produto*/
#produto-header, #produto-footer{
	background: #666;
	padding-top: 110px;
	img{
		margin-bottom: 30px;
	}	
	h1{
		color: #FFF;
		font-size: 52px;
	}
	h3{
		color: #FFF;
		padding-bottom: 45px;
	}
	hr{
		margin-top: 15px;
		border-color: #FFF;
	}
	button{
		height: 55px;
		border-radius: 3px;
		margin: 0 auto;
		padding-left: 30px;
		padding-right: 30px;
	}
}
#produto-footer{
	padding: 85px 0 70px 0;
	h1{
		font-size: 36px;
	}
}
#produto-clients{
	background: #f8f8f8;
	padding: 50px 0;
}
#produto-desafios{
 	ul{
 		list-style: none; 		
 		li{
 			background-image: url(../images/arrowconhecagreen.png);
	    	background-repeat: no-repeat;
	    	background-position: 0% 0%;
	    	padding-left: 30px;
	    	font-size: 16px;
	    	margin-bottom: 20px;
    	}
	}
	h3{
		font-size: 20px;
	}
}
/*materiais*/
#materiais-about{
	button{
		border-radius: 3px;
		font-size: 14px;
		height: 45px;
		width: 80%;	
	}	
}
.filters{
	list-style: none;
	li{
		display: inline-block;
		font-size: 15px;
		font-weight: 600;
		padding: 10px 20px;
		text-align: center;
		border: 1px solid #FFF;
		cursor: pointer;
		.animation(0.2s);
		&.active,&:hover{
			color: @corB;
			border: 1px solid #67c718;
			color: #67c718;
			border-radius: 3px;
		}
	}
}
#materiais-downloads{
	.icon-search {
	    color: #999;
	    position: absolute;
		right: 30px;
		top: 15px;
	}
	.items{
		p{
			&.cat{
				margin-top: 10px;
				margin-bottom: 5px;
				font-size: 12px;
			}
			&.tit{
				font-weight: 600;
				font-size: 16px;
			}
		}		
		hr{
			margin: 15px 0;
		}
		button{
			border-radius: 3px;
			font-size: 14px;
			height: 45px;
			width: 60%;
			margin-top: 10px;	
		}
	}
}
#materiais-blog{
	background: #999;
	h1{
		color: #FFF;
	}
	hr{
		margin-top: 15px;
		border-color: #FFF;
	}
	.items{
		background: #FFF;
		padding: 0px;
		margin-right: 20px;
		width: 22%;
		&:first-child{
			margin-left: 40px;
		}
		&:last-child{
			margin-right: 0px;
		}
		.desc{
			padding: 10px 20px;
		}
		p{
			&.cat{
				margin-top: 10px;
				margin-bottom: 5px;
				font-size: 12px;
			}
			&.tit{
				font-weight: 600;
				font-size: 18px;
			}
		}		
	}
}
/*ferramentas*/
#ferramentas-about{
	.item{
		p{
			font-size: 13px;
		}
		.link{
			font-size: 16px;
			display: block;
			margin: 35px 0 25px 0;
		}
		button{
			border-radius: 3px;
			border-color: @corA;
			color: @corA;
			.animation(0.3s);
			&:hover{
				background: @corA;
				color: #FFF;
			}
		}
		h3{
			margin: 30px 0;
			font: 400 22px 'Sanchez', serif;
		}
	}
}
/*funcionalidades*/
#funcionalidades-about{
	button{
		height: 55px;
		border-radius: 3px;
		width: 268px;
		margin: 0 auto;
	}	
}
#funcionalidades-dados{
	h1{
		font-size: 45px;
	}
	.dados{
		margin-left: 80px;
		text-align: right;
		hr{
			float: right;
			margin: 15px 0;
		}		
	}
	.acao{
		text-align: left;
		hr{
			float: left;
			margin: 15px 0;
		}	
	}
	.seta{
		margin-left: -80px;
		margin-right: -80px;
	}
	h4{
		line-height: 25px;
	}
	button{
		margin-top: 20px;
		border-radius: 3px;
		border-color: @corA;
		color: @corA;
		width: 170px;
		height: 55px;
		.animation(0.3s);
		&:hover{
			background: @corA;
			color: #FFF;
		}
	}
}
#funcionalidades-items{
	padding-bottom: 0px;
	h4{
		line-height: 25px;
	}
}
/*dados*/
#dados-content{
	h2{
		font-size: 30px;
		line-height: 40px;
	}
	p{
		font-size: 16px;
	}
	hr{
		border-top: 1px dashed @corB;
		width: 90%;
		margin: 60px auto;
	}
}
/*contato*/
#contato-content{
	.fa{
		font-size: 16px;
		color: #848484;
		padding-right: 10px;
	}
	h4{
		font-size: 16px;
		font-weight: 600;
	}
	p{
		font-size: 13px;
		line-height: 22px;
	}
	.form-control{
		background-color: #F6F6F6;
		border: 0px;
	}
	textarea{
		height: 200px;
	}
	button{
		padding-left: 40px;
		padding-right: 40px;
		border-radius: 3px;
	}
}